<template>
  <BasicModal
    v-bind="$attrs"
    :title="title"
    @register="register"
    :show-ok-btn="false"
  >
    <div id="content" v-dompurify-html="content"></div>
  </BasicModal>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import { BasicModal, useModalInner } from '../Modal';
defineEmits(['register']);
const title = ref('');
const content = ref('');
const [register] = useModalInner(async (data) => {
  title.value = data.title;
  content.value = data.content;
});
</script>
